﻿@using GigaSite.Web.Classes
@model GigaSite.Web.Models.UploadBusinessCardModel

@{
    ViewBag.Title = Model.Id > 0 ? "Редактирование визитки" : "Загрузка визитки";
    var totalCards = (int) ViewBag.totalCards;
    Layout = "../../../../Views/Shared/_Layout.cshtml";
}

<div id="page-uploadCard">
    <div id="uploadCards" class="section">
        <div class="sectionTitle">
            <span>> Визитница</span> <span class="sectionCounter">(@totalCards)</span>
            <div class="triangle"></div>
        </div>
        <div class="sectionContent">
            <fieldset>
                <legend>
                    @(Model.Id > 0 ? "Редактирование визитки" : "Загрузка визитки")
                </legend>

                <p>
                    Пожалуйста, правильно заполните поля ниже, чтобы указать точную информацию о вашей визитке.
                </p>
                @if (Model.Id > 0)
                {
                    <p>
                        У вас уже загружена визитка, вы можете отредактировать ее свойства. Визитка вновь появится в нашем каталоге после проверки модератором.
                    </p>
                    <p>
                        Если вы не хотите менять изображение визитки, оставьте поле файла пустым
                    </p>
                }
                else
                {
                    <p>
                        Визитка появится в нашем каталоге после проверки модератором
                    </p>
                }

                @using (Html.BeginForm("UploadCard","Catalog",FormMethod.Post,new {id = "uploadCardForm", @class = "valid", enctype="multipart/form-data"}))
                {
                    if (Model.Id > 0)
                    {
                        <div class="cardImage" style="margin: 10px">
                            <img src="@Model.ImageURL" alt="Визитка"/>
                        </div>
                    }

                    @Html.HiddenFor(m => m.Id)

                    <div class="editor-label">
                        @Html.LabelFor(m => m.HolderType)
                    </div>
                    <div class="editor-field">
                        @Html.DropDownListForEnum(m => m.HolderType)
                        @Html.ValidationMessageFor(m => m.HolderType)
                    </div>

                    <div class="editor-label">
                        @Html.LabelFor(m => m.Title)
                    </div>
                    <div class="editor-field">
                        @Html.TextBoxFor(m => m.Title)
                        @Html.ValidationMessageFor(m => m.Title)
                    </div>

                    <div class="editor-label">
                        @Html.LabelFor(m => m.Description)
                    </div>
                    <div class="editor-field">
                        @Html.TextBoxFor(m => m.Description)
                        @Html.ValidationMessageFor(m => m.Description)
                    </div>

                    <div id="category">

                    </div>

                    <div class="editor-label">
                        Изображение визитки (.jpg, .png, .bmp)
                    </div>
	            <div class="h_10px"></div>
                    <div class="editor-field fileContainer">
                        <span class="btn fileinput-button">
                            <span>Выберите файл...</span>
                            <input type="file" name="cardImage" id="CardImage"/>
                        </span>
                        @Html.ValidationMessage("CardImage")
                    </div>
	            <div class="clear h_20px"></div>
                    <div class="editor-label">
                        @Html.LabelFor(m => m.Phone)
                    </div>
                    <div class="editor-field">
                        @Html.TextBoxFor(m => m.Phone)
                        @Html.ValidationMessageFor(m => m.Phone)
                    </div>

                    <div class="editor-label">
                        @Html.LabelFor(m => m.Email)
                    </div>
                    <div class="editor-field">
                        @Html.TextBoxFor(m => m.Email)
                        @Html.ValidationMessageFor(m => m.Email)
                    </div>

                    <div class="editor-label">
                        @Html.LabelFor(m => m.WebSite)
                    </div>
                    <div class="editor-field">
                        @Html.TextBoxFor(m => m.WebSite)
                        @Html.ValidationMessageFor(m => m.WebSite)
                    </div>

                    <input type="submit" value="Сохранить"/>
                }

            </fieldset>
        </div>
    </div>
</div>

<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        $("#HolderType").change(function () {
            var title = "", desc = "";
            switch ($("#HolderType").val()) {
                case "Personal":
                    title = "Фамилия Имя Отчество";
                    desc = "Должность";
                    $("#category").load("@Url.Action("UploadCardCategoriesControl")", { type: "personal", id: $("#Id").val() });
                    break;
                case "Company":
                    title = "Название компании";
                    desc = "Тип деятельности";
                    $("#category").load("@Url.Action("UploadCardCategoriesControl")", { type: "company", id: $("#Id").val() });
                    break;
            }
            $("label[for='Title']").text(title);
            $("label[for='Description']").text(desc);
        });
        $("#HolderType").change();
    });

    // Валидатор
    InitUploadCardFormValidation();
</script>